div{
    width: 80%;
    margin: 20px auto; /*Centre les div dans la page*/
    background-color: #777; /*Fond gris*/
}

p{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align:center; 
  /*Texte centré horizontalement*/
  line-height: 100px; 
  /*Texte centré verticalement*/
  background-color: #0CC; 
  /*Fond bleu vert*/
}

.arrondi1{
  border-radius: 50px 25px;
}
.arrondi2{
  border-radius: 50px 25px / 50px 25px;
}
.arrondi3{
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
}
.arrondi4{
  border-radius: 100px 30px/50px 70px;
}
.arrondi5{
  border-radius: 40px 100px 10px/ 50px 70px;
}
.arrondi6{
  line-height: 50px;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 40px 80px;
  border-top-right-radius: 100px 10px;
}